<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ page isELIgnored ="false" %> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c" %>
<%
    response.setHeader("Cache-Control", "no-store"); //HTTP 1.1    
    response.setHeader("Pragma", "no-cache"); //HTTP 1.0    
    response.setDateHeader("Expires", 0); //prevents caching at the proxy server    
%>
<!DOCTYPE html>
<html>
    <head>
        <title>HTML5 and jQuery Mobile</title>
        <script src="${applicationScope.webApp.root}/js/jquery.min.js"></script>
        <script src="${applicationScope.webApp.root}/js/jquery.mobile.min.js"></script>
        <link rel="stylesheet" href="${applicationScope.webApp.root}/css/jquery.mobile.min.css" />

        <style type="text/css">
            div.styled {
                background-image: url("http://r.5iwords.com/school/splash_preview.png");
                width:320px;
                height:480px;
                border-width:thin thin thin 1px;
                border-color:#ff9900;
                border-style:solid;
                text-align: center;
            }
        </style>
    </head>
    <body id="body"> 

        <div data-role="page" id="page1"> 
            <div data-role="header">
                <a id='titleLeft' href="${applicationScope.webApp.root}/image" data-role="button" data-theme="a" data-icon="arrow-l">返回</a>
                <h1 id="title">预览</h1>
            </div>
            <div data-role="content">
                <div class="content-primary">
                    <div class="styled">
                        <img style="margin-top: ${50+(218-requestScope.height)/2}px;" src="http://r.5iwords.com/school/temp/${requestScope.image}" width="${requestScope.width}" height="${requestScope.height}"/>
                    </div>

                    <form id="cropForm" action="${applicationScope.webApp.root}/image?command=saveImageInfo" method="post">
                        <input type="hidden" name="imageName" value="${requestScope.image}"></input>
                        <div style="text-align: center"><button type="submit" data-theme="a" data-inline="true">确认保存生效</button></div>
                    </form>
                </div><!--/content-primary --> 
            </div><!-- /content --> 
        </div>
    </body>
</html>